<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>mySpaces %VERSION%</title>
	<link rel="stylesheet" href="myspaces://style/bs.css">
	<!--<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">-->
    <script type="text/javascript">-->
        function load(){
            if(document.getElementById("save").value=="on"){
                localStorage.setItem("user_name",document.getElementById("name").value);
                localStorage.setItem("password",document.getElementById("password").value);
            }
            else{
                localStorage.removeItem("user_name");
                localStorage.removeItem("password")
            }
            location.href = "http://spaces.ru/mysite/?name="
                    + document.getElementById("name").value
                    + "&password="
                    + document.getElementById("password").value;
        }
    </script>
    <style type="text/css">
	html {
	overflow: hidden;
	min-width: 300px;
	min-height: 300px;
	}
	body{
	margin:0;
	padding:0;
	min-width: 300px;
	min-height: 300px;
	width: 100%;
	height: 100%;
	background-size: auto 100%;
	}
	#wrapper{
	margin:0;
	padding:0;
	min-width: 300px;
	min-height: 300px;
	width: 500px;
	}
	input{
	margin: 10px;
	}
	h1{color:blue;}
	/*Центральный слой с формой авторизации*/
	#centerLayer {
	position: absolute; /* Абсолютное позиционирование */
	width: 300px; /* Ширина слоя в пикселах */
	height: 300px; /* Высота слоя в пикселах */
	left: 50%; /* Положение слоя от левого края */
	top: 40%; /* Положение слоя от верхнего края */
	margin-left: -160px; /* Отступ слева */
	margin-top: -155px;	/* Отступ сверху */
	padding: 10px; /* Поля вокруг текста */
	text-align: left;
	background: #e7f1fe;
	}
	/*Нижняя панель*/
	#footer {
	text-align: left;
	position: absolute; /* Фиксированное положение */
	left: 0; bottom: 0; /* Левый нижний угол */
	padding: 20px; /* Поля вокруг текста */
	background: #e7f1fe;/* Цвет фона */
	color: #fff; /* Цвет текста */
	width: 100%; /* Ширина слоя */
	height: 50px;
	margin:0;
	}
	#logoMySpaces{
	}
    </style>
</head>
<body>
<div id="wrapper">
    <div id="centerLayer">
	<div class="row">
	    <div class="span5">
	    <div id="logoMySpaces"><a href="http://spaces.ru"><img src="myspaces://icons/spaces.png"></a></div>
	    <form action="javascript:load();" method="GET">
		    <input class="small" id="name" type="text" name="name" value=""><label for="name">%LOGIN-LABEL%&nbsp;</label><br>
		    <input class="small" id="password" type="password" name="password" value=""><label for="password">%PASSWORD-LABEL%&nbsp;</label><br>
		    <input class="small" id="save" type="checkbox" checked="false"><label for="save">%REMEMBER-LABEL%&nbsp;</label><br>
		    <input class="small btn" type="submit" id="go" value="%ENTER-LABEL%">

		    <script type="text/javascript">
			    if(localStorage.getItem("user_name") && localStorage.getItem("password")){
				    document.getElementById("name").value = localStorage.getItem("user_name");
				    document.getElementById("password").value = localStorage.getItem("password");
			    }
		    </script>

	    </form>
	    </div>
	</div>
    </div>
    <div id="footer">
         <a href="myspaces://manageusers">%MANAGE-USERS-LABEL%</a>
    </div>
</div>
</body>
</html>
